//创建对象
var $ = function(){
    return new Base();
}


// 创建一个基础JavaScript库

function Base() {
    //创建一个数组，用来保存获取到的结点。
    this.elements = [];
}

// 根据id获取到节点
Base.prototype.getId = function(id){
    //要将根据id获取的节点保存到elements这个数组中
    this.elements.push(document.getElementById(id));
    //返回this(表示Base对象自身)，因为后期我们还需要调用Base中的其它的方法
   return this; 
}

// 根据标签的名字来获取到节点
Base.prototype.getTagName = function(tag) {
   var tags = document.getElementsByTagName(tag);
   for(var i = 0;i<tags.length;i++){
       //将每个节点保存到elements数组中
       this.elements.push(tags[i]);
   }
   return this;
}


//设置css  例如：color:red
Base.prototype.css = function(attr,value){
    //需要对element数组进行遍历操作的
    for(var i = 0;i<this.elements.length;i++){
        //style['background'] 或 sytle.background
        this.elements[i].style[attr] = value;
    }
    return this;
}

// 设置点击事件的方法
// object.onclick = function(){}
Base.prototype.click = function(fn) {
    for(var i = 0;i<this.elements.length;i++){
        this.elements[i].onclick = fn;
    }
    return this;
}